<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>公司首页</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="shortcut icon" href="../bitbug_favicon.ico" />
</head>

<body>
    <!-- 头部部分 -->
    <div class="header w">
        <div class="logo">
            <img src="../img/Logo.png">
        </div>
        <div class="nav">
            <ul>
                <li><a href="../html/About us.html">关于我们</a></li>
                <li><a href="../html/Local publicity.html">本地宣传</a></li>
                <li><a href="../html/Integrated services.html"> 综合服务</a></li>
                <li><a href="../html/service products.html">服务产品</a></li>
                <li><a href="../html/News and information.html">新闻资讯</a></li>
                <li><a href="../html/index.html">公司首页</a></li>
            </ul>
        </div>
    </div>
    <!-- 头部部分 -->
    <!-- banner部分 -->
    <div class="banner ">
        <a href="#"><img src="../img/中间大图图.png"></a>
    </div>
    <!-- banner部分 -->
    <!-- 主体content部分 -->
    <div class="content w">
        <!-- 头部上statrt -->
        <div class="boxone-hd w">
            <!-- 头部第一个盒子start -->
            <div class="hd-one">
                <div class="hd-one-f font-color">
                    <img src="../img/Umbrella.png">
                    <h3>服务产品</h3>
                </div>
                <div class="hd-one-r">
                    <a href="javascript:void(0)"> <img src="../img/翻页.png"></a>
                </div>
            </div>
            <!-- 头部第一个盒子end -->
            <!-- 头部第二个盒子start -->
            <div class="hd-two">
                <div class="hd-two-t"><img src="../img/1.png"></div>
                <div class="hd-two-t hd-padding"><img src="../img/2.png"></div>
                <div class="hd-two-t hd-padding"><img src="../img/3.png"></div>
                <div class="hd-two-t hd-padding" style="margin-left: 1px;"><img src="../img/4.png"></div>
            </div>
            <!-- 头部第二个盒子end -->
        </div>
        <!-- 头部上end -->
        <!-- 盒子尾部分start -->
        <div class="boxone-bd w">
            <div class="bd-h">
                <div class="bd-h-one">
                    <img src="../img/display.png">
                    <h3>新闻资讯</h3>
                    <h5><a href="javascript:void(0)">more</a></h5>
                </div>
                <div class="bd-h-two">
                    <p class="p-font"><a href="javascript:void(0)">祝贺公司网站上线</a> </p>
                    <p class="p-font"><a href="javascript:void(0)">公司客户交流周活动启动</a></p>
                    <p class="p-font"><a href="javascript:void(0)">公司安全防御产品线研发完成</a></p>
                    <p class="p-font"><a href="javascript:void(0)">公司年放假安排</a></p>
                </div>
            </div>
            <!-- one -->
            <div class="bd-h">
                <div class="bd-h-one">
                    <img src="../img/world.png">
                    <h3>综合服务</h3>
                    <h5><a href="javascript:void(0)">more</a></h5>
                </div>
                <div class="bd-h-two">
                    <p class="p-font"><a href="javascript:void(0)">网站安全外包</a></p>
                    <p class="p-font"><a href="javascript:void(0)">数据中心安全运维外包</a></p>
                    <p class="p-font"><a href="javascript:void(0)">紧急事件应急支援</a></p>
                    <p class="p-font"><a href="javascript:void(0)">系统上线安全测试</a></p>

                </div>
            </div>
            <!-- two -->
            <div class="bd-h">
                <div class="bd-h-one">
                    <img src="../img/sound.png">
                    <h3>本地宣传</h3>
                    <h5><a href="javascript:void(0)">more</a></h5>
                </div>
                <div class="bd-h-two">
                    <p class="p-font"><a href="javascript:void(0)">本月安全指数</a></p>
                    <p class="p-font"><a href="javascript:void(0)">下月威胁预警</a></p>
                    <p class="p-font"><a href="javascript:void(0)">最新安全技术</a></p>
                    <p class="p-font"><a href="javascript:void(0)">最新安全政策</a></p>
                </div>
            </div>
            <!-- three -->
            <div class="bd-h">
                <div class="bd-h-one">
                    <img src="../img/tv.png">
                    <h3>关于我们</h3>
                    <h5><a href="javascript:void(0)">more</a></h5>
                </div>
                <div class="bd-h-two">
                    <p class="p-font"><a href="javascript:void(0)">公司简介</a></p>
                    <p class="p-font"><a href="javascript:void(0)">服务优势</a></p>
                    <p class="p-font"><a href="javascript:void(0)">资质荣誉</a></p>
                    <p class="p-font"><a href="javascript:void(0)">工作机会</a></p>
                </div>
            </div>
            <!-- four -->
        </div>
        <!-- 盒子尾部分end -->
    </div>
    <!-- 主体content部分 -->
    <!-- footer部分 -->
    <div class="footer">
        <div class="footerone w">
            <ul>
                <li>
                    <h2>企业名称</h2>
                    <p>
                        三通科技有限公司
                    </p>
                    <p>
                        sanstonm technology
                    </p>
                </li>
                <li>
                    <h2>联系我们</h2>
                    <p>电话：020 23552152</p>
                    <p>传真 ：020 23553152</p>
                    <p>手机号：186xxxxxxxx</p>
                </li>
                <li>
                    <h2>通讯地址</h2>
                    <p>地址 广州市天河路365号天俊阁1202</p>
                </li>
                <li>
                    <h2 style="width: 100%;">微信二维码</h2>
                    <div class="footerlogo">
                        <img src="../img/二维码图.png">
                    </div>
                    <div class="kefu">
                        <div class="kefubox">客服1</div>
                        <div class="kefubox">客服2</div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- footer部分 -->


</body>

</html>